
@box-drag-handle: {
  background-color: #333;
  border-radius: 4px;
  opacity: 0;
}
.mainEditor {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
:global {
  .braftContainer {
    border: 1px solid #dddddd;
    overflow: hidden;
    .bf-controlbar {
      background: #f8f9fa;
    }
    .bf-content {
      height: 400px;
    }
  }

}
.box-drag-handle-s {
  @box-drag-handle();
  width: 40px;
  height: 8px;
  cursor: ns-resize;
  z-index: 9999;
}

.mainEditor:hover > .box-drag-handle-s {
  opacity: .4;
}